﻿<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <title>订单列表</title>
    <link href="/admin_wechat/css/css.css" rel="stylesheet" />
    <link href="/admin_wechat/css/order_list.css" rel="stylesheet" />
    <script src="/admin_wechat/scripts/common/jquery.js"></script>
    <script src="/admin_wechat/scripts/common/ajax-data.js"></script>
    <script src="/admin_wechat/scripts/common/base.js"></script>
    <script src="/admin_wechat/scripts/common/dialog.js"></script>
    <script src="/admin_wechat/scripts/order.js"></script>
</head>
<body>
    <div class="box">
        <div class="nav" id="tab">
            <ul>
                <li data-index="0" class="cur">订单列表&nbsp;&nbsp;</li>
                <li data-index="1">退款列表&nbsp; &nbsp;</li>
                <li data-index="2">售后服务&nbsp;&nbsp; </li>
            </ul>			
        </div>
       
		<div class="list tab_con hide">
			<div class="box6" style="float:left; margin:15px 0px 0px 15px;">
					<input type="text" class="myInput" id="osn" placeholder="订单编号">
			</div>
			<div class="box6" style="float:right;margin:15px 15px 0px 0px;">
					<input type="text" class="myInput" id="username" placeholder="账户名称">
			</div>
			<div class="box6" style="float:left;margin:15px 0px 0px 15px;">
					<input type="text" class="myInput" id="consignee" placeholder="收货人">
			</div>

			<div class="box6" style="float:right;margin:15px 15px 0px 0px;">
				<select id="orderstate" class="myInput" style="width: 90%;border-radius: 50px;z-index: 999;background-color:transparent; border-color:transparent;margin-left: 3px;color: #fff;font-size: 14px;">
					<option value="-1">订单状态</option>
					<option value="20">等待付款</option>
					<option value="40">待确认</option>
					<option value="60">已确认</option>
					<option value="80">备货中</option>
					<option value="100">已发货</option>
					<option value="120">已收货</option>
					<option value="140">锁定</option>
					<option value="160">取消</option>
				</select>
			</div>
			<div class="clear"></div>
			<div class="sumbit">确认搜索 </div>
		</div>
		<div id="list1" class="clear">
			<span class="tab" data-index="0"><img src="../../images/4.png" style="float:right;"></span>
			<span class="tab hide" data-index="1"><img src="../../images/5.png" style="float:right;"></span>
		</div>

    </div>

    <div id="con-box">
        <div class="con orderlist"></div>

        <div class="con hide">
            <ul>
                <li>退款列表</li>
            </ul>

        </div>
        <div class="con hide">
            <ul>
                <li>
                    21313131321                                                                                             yjgjg
                    hhhhhhkghyj务
                </li>
            </ul>
        </div>
    </div>

    <script>
        var page = 1;
        var pageocunt = 10;

        $(function () {
            loadList(1);
            loadScroll(loadList);
            bindBtn();
        })

        function bindBtn() {
        	$(".sumbit").click(function () { search() });

            $("#tab li").click(function () {
            	if (parseInt($(this).attr("data-index")) > 0) {
            		Alert("功能未上线");
            		return;
            	}
                $("#tab li").removeClass("cur");
                $(this).addClass("cur");

                var index = $(this).attr("data-index");
                $(".con").addClass("hide");
                $(".con").eq(index).removeClass("hide");
            });


            $("#list1 .tab").click(function () {
            	if ($(this).attr("data-index") == '1')
            		$(".tab_con").addClass("hide");
            	else
            		$(".tab_con").removeClass("hide");

            	$("#list1 .tab").removeClass("hide");
            	$(this).addClass("hide");
            })
        }
    </script>
</body>
</html>
